@import "common.less";
.content-list {
    overflow: hidden;
    .item {
        .one {
            overflow: hidden;
        }
        h2 {
            margin: .35rem auto 0.2rem;
            color: @c-black;
            .fs(36);
            text-align: center;
            font-weight: 500;
        }
        h3 {
            width: 100%;
            color: @c-12;
            .fs(28);
            text-align: center;
            font-weight: 500;
        }
        h3.item-stitle {
            color: @c-666;
        }
        p {
            margin: .05rem auto;
            color: @c-666;
            .fs(24);
            text-align: center;
        }
        .one-first-list {
            margin-top: .16rem;
            padding: 0 .4rem;
            img {
                margin: 0 auto;
                width: .51rem;
                height: .6rem;
            }
            h3 {
                margin: .05rem auto;
            }
        }
        .one-second-list {
            margin-top: .25rem;
            padding: 0 .85rem;
            p {
                width: 100%;
            }
        }
        .btn {
            display: block;
            margin: 0.25rem auto .35rem;
            width: 1.45rem;
            height: .33rem;
            line-height: .33rem;
            color: @c-black;
            text-align: center;
            .fs(28);
            border: 1px solid @border-c;
            background: url("../img/index/1-arrows.png") no-repeat 1.2rem center;
            background-size: .05rem .09rem;
        }
    }
    .item-two {
        background: @bg-292c2e;
        background: url("../img/index/2-0.jpg") no-repeat center;
        background-size: cover;
        h2 {
            color: @c-white;
        }
        h3 {
            margin-bottom: 0;
            color: @c-white;
        }
        p {
            color: @c-white;
        }
        a.btn {
            margin:.4rem auto .45rem;
            color: @c-white;
            background: url(../img/index/1-arrows-white.png) no-repeat 1.2rem center;
            background-size: .05rem .09rem;
        }
        img {
            margin: 0 auto;
            width: .51rem;
            height: .6rem;
        }
        .row {
            margin: .2rem .5rem;
            .col {
                padding-top: .35rem;
                img {
                    width: .5rem;
                    height: .5rem;
                }
                h3 {
                    margin: .08rem auto .06rem;
                }
                p {
                    margin: 0;
                }
            }
        }
    }
    .item-there {
        h2 {
            color: @c-12;
        }
        img {
            margin: .13rem auto 0;
            width: .28rem;
            height: .28rem;
        }
        .row {
            padding: 0 .4rem;
            margin-top: .2rem;
            h3 {
                margin: .04rem auto;
                color: @c-white;
            }
            p {
                margin-top: 0;
                color: @c-c3;
            }
        }
        .list-zero {
            margin-left: .05rem;
        }
        .list-one {
            height: .97rem;
            background: url("../img/index/3-6.jpg") no-repeat center;
            background-size: cover;
            overflow: hidden;
        }
        .list-two {
            margin-top: .1rem;
            height: .97rem;
            background: url("../img/index/3-7.jpg") no-repeat center;
            background-size: cover;
            overflow: hidden;
        }
        .list-there {
            margin-right: .05rem;
            background: url("../img/index/3-8.jpg") no-repeat center;
            background-size: cover;
            img {
                margin-top: .65rem;
                width: .31rem;
                height: .31rem;
            }
        }
        .list-four {
            margin-right: .05rem;
            height: .97rem;
            background: url("../img/index/3-9.jpg") no-repeat center;
            background-size: cover;
        }
        .list-five {
            margin-left: .05rem;
            height: .97rem;
            background: url("../img/index/3-10.jpg") no-repeat center;
            background-size: cover;
        }
    }
    .item-four {
        background: url("../img/index/4-4.jpg") no-repeat center;
        background-size: cover;
        h2 {
            margin: .3rem auto .2rem;
            color: @c-white;
        }
        h3 {
            margin-top: .05rem;
            color: @c-white;
        }
        h3.item-four-title {
            margin-top: 0;
            color: @c-c3;
        }
        p {
            color: @c-white;
        }
        a.btn {
            color: @c-white;
            background: url(../img/index/1-arrows-white.png) no-repeat 1.2rem center;
            background-size: .05rem .09rem;
        }
        img {
            margin: 0 auto;
            width: .50rem;
            height: .56rem;
        }
        .row {
            margin: .25rem .5rem 0;
        }
    }
    .item-five {
        padding: 0 .22rem;
        h3.describe {
            margin-bottom: .3rem;
        }
        p {
            margin: 0;
        }
        img {
            margin: .15rem auto 0;
            width: .2rem;
            max-height: .25rem;
            min-height: .18rem;
        }
        .col {
            height: .95rem;
            border: 1px solid @border-c;
            h3 {
                color: @c-black;
            }
        }
        .left {
            margin-right: .05rem;
        }
        .right {
            margin-left: .05rem;
        }
        .row {
            margin-bottom: .14rem;
            .list-one {
                img {
                    width: .18rem;
                    height: .17rem;
                }
            }
            .list-two {
                img {
                    width: .18rem;
                    height: .2rem;
                }
            }
            .list-there {
                img {
                    width: .18rem;
                    height: .18rem;
                }
            }
            .list-four {
                img {
                    width: .2rem;
                    height: .17rem;
                }
            }
            .list-five {
                img {
                    width: .16rem;
                    height: .19rem;
                }
            }
            .list-six {
                img {
                    width: .18rem;
                    height: .23rem;
                }
            }
        }
    }
    .item-six {
        h2 {
            margin: .3rem auto .2rem;
        }
        h3 {
            color: @c-666;
        }
        .more-btn {
            display: block;
            margin: 0.25rem auto .35rem;
            width: 1.45rem;
            height: .33rem;
            line-height: .33rem;
            color: #000;
            text-align: center;
            .fs(28);
            background-color: #f6f6f6;
        }
    }
}
.solution-jump-detail {
    padding: .35rem 0 .4rem 0;
    text-align: center;
    .jump-text {
        .fs(35);
        span {
            color: #666;
        }
    }
    .jump-area {
        margin-top: .2rem;
        line-height: .3rem;
        .button-item {
            display: inline-block;
            width: 1.42rem;
            .fs(28);
            border: 1px solid #ddd;
            background: url(../img/aboutUs/introduce_arrow.png) no-repeat 70% center;
            background-size: .05rem;
        }
    }
}
